@charset "utf-8";
/* CSS Document */

/*login color*/
.login_container{ background: #2b2b2b; background-attachment:fixed; background-position:center; background-size: 100% auto; }
.login_main{ background:#39c; background-attachment:fixed; background-position:center; background-size: 100% 100%;}
.login_inputs .el-input input{ background: #fff; color: #000; border-color:#999}
.login_inputs .login_title{ color: #fff; font-size: 28px; }
.login_inputs a{ color:#999; }
.login_inputs .el-input input{  border-color:#d6d6d6; padding-left: 40px; }
.login_inputs .el-input input:hover{  border-color:#006633; }
.login_inputs .btn_login_back{color: #f0f0f0;background-color:#006633 !important; border-color: #006633 !important; border-radius: 40px; }
.bottom_login{ color:#999; }
.login_inputs_con input { border-radius: 40px; }

/*main color*/
.header{background: #c3331b !important; border-bottom-color: #d6d6d6; -webkit-box-shadow: 0 3px 5px rgba(214,214,214,0.4); -moz-box-shadow:  0 3px 5px rgba(214,214,214,0.4); box-shadow: 0 3px 5px rgba(214,214,214,0.4); }
.left{  background: #ededed; }
.header .msg{  color: #666; }
.header .msg .el-button{  color: #f0f0f0!important; }
.header .msg .el-button:hover{ color: #fff!important }
.header .msg .el-badge__content{background:#e90000!important }
.header .msg.warning .el-badge__content{background:#e90000!important  }
.header .el-dropdown .el-dropdown-link{  color: #fcffff;}
.header .el-dropdown .el-dropdown-link:hover{ color: #fcffff;}

.left .el-menu{ background: #ededed; color:#ededed; border-right:0;}
.left .el-menu .el-menu-item, .left .el-menu .el-submenu__title{ background: #ededed; color:#606060;}
.left .el-menu--dark .el-menu-item i.iconfont{ fill: #5d5d5d;}
.left .el-menu-item:hover { background:#dedede !important; }
.left .el-menu-item:hover, .left .el-menu-item:hover > i.iconfont{ color: #5d5d5d;}
.left .el-menu-item.is-active{ background:#dedede; color: #5d5d5d;}
.left .el-menu-item.is-active i.iconfont{  color: #fff;}

.right .submenu{ background: #fff; border-right-color: #d6d6d6;;}
.right .submenu h3 { color: #016cb7;  border-left:3px solid #016cb7;}
.right .submenu .el-menu--dark{ background: #fff; color:#424242;}
.right .submenu .el-menu--dark .el-menu-item, .left .el-menu--dark .el-submenu__title{ background: #fff; color:#424242; }
.right .submenu .el-menu-item:hover{background:#f6f6f6!important; color: #242424!important;}
.right .submenu .el-menu .el-menu-item.is-active{ background:#e6e6e6!important; color: #242424; font-weight: bold; }
.right .submenu .el-menu > .el-submenu .el-menu-item{ color: #666;}
.right .submenu .el-menu > .el-submenu .el-menu-item.is-active{ background:#e6e6e6!important; color: #242424; font-weight: bold;}

.right .submenu .el-submenu__title{ background:#fff!important; color: #424242;}
.right .submenu .el-submenu__title:hover{background:#f0f0f0!important; color: #424242!important;}
.right .submenu .el-submenu.is-opened .el-submenu__title{color:#242424!important; font-weight: bold;}

/*dashboard*/
.role{ color: #016cb7 }
.btn_dbd a{ color:#fff;  }
.btn_dbd a.green{ background: #00ce61;}
.btn_dbd a.blue{ background: #269aed;}
.btn_dbd a.orange{ background: #ff9920;}
.btn_dbd a.red{ background: #ff3102;}
.btn_dbd a:hover{ opacity: .9; -webkit-opacity: .9; -moz-opacity: .9;  }
.btn_dbd a span{ color: #fff;}

/*progress*/
.progress{ border-color: #e6e6e6; }
.progress .progress_in a {border-color: #ffc885; background: #f5f0ea;}
.progress .progress_in a:hover {border-color: #ff981f; }
.progress .progress_in a .ptxt p{  color: #999;}
.progress .progress_in a .pstatus span{ color: #ff981f;}
.progress .progress_in a.done {border-color: #e6e6e6; background: #fff;}
.progress .progress_in a.done h4 { color: #666;}
.progress .progress_in a.done:hover {border-color: #d6d6d6; }
.progress .progress_in a.done .pstatus span{ color: #00ce61;}

.progress .progress_out a {border-color: #8ed0ff; background: #eaf5fb;}
.progress .progress_out a:hover {border-color: #5ba7dc; }
.progress .progress_out a .ptxt p{  color: #999;}
.progress .progress_out a .pstatus span{ color: #016cba;}
.progress .progress_out a.doing {border-color: #e6e6e6; background: #fff;}
.progress .progress_out a.doing h4 { color: #000;}
.progress .progress_out a.doing:hover {border-color: #d6d6d6; }
.progress .progress_out a.doing .pstatus span{ color: #000;}
.progress .progress_out a.done {border-color: #e6e6e6; background: #fff;}
.progress .progress_out a.done h4 { color: #666;}
.progress .progress_out a.done:hover {border-color: #d6d6d6; }
.progress .progress_out a.done .pstatus span{ color: #00ce61;}

.info_full{ border-color:#e6e6e6; }
.info_full .el-col{ color:#666; }

/*title & search*/
.right .title_area{ border-bottom-color:#e6e6e6; }
.el-breadcrumb .el-breadcrumb__item .el-breadcrumb__item__inner{ color: #016cb7; }
.el-breadcrumb .el-breadcrumb__item .el-breadcrumb__separator{ color: #999; }
.el-breadcrumb .el-breadcrumb__item:last-child .el-breadcrumb__item__inner,
	.el-breadcrumb .el-breadcrumb__item:last-child .el-breadcrumb__inner{ color: #242424; }
.el-breadcrumb .el-breadcrumb__item:last-child .el-breadcrumb__item__inner:hover,
	.el-breadcrumb .el-breadcrumb__item:last-child .el-breadcrumb__inner:hover{ color: #242424; }

.option_panel .btn_filter.selected{background: #e6e6e6; border-color: #999;}
.filter{ background:#eef1f6; border-color: #e6e6e6;}
.filter:before{ background:#f0f0f0; border-top:1px solid #e6e6e6; border-left:1px solid #e6e6e6;}
.option_panel .el-button--default.btn_back {background:#e6e6e6; border-color: #b6b6b6; color:#666}
.option_panel .el-button--default.btn_back:hover {background:#e6e6e6; color:#242424}
.filter .el-range-editor.is-active{ border-color:#016cb7}


